<template>
	<div class="layout">
		<el-container>
			<el-container>
				<Sidebar />
				<el-container style="border-top-right-radius: 1rem;">
					<router-view />
				</el-container>
			</el-container>
		</el-container>
	</div>
</template>

<script>
import {
	defineComponent,
} from "vue";
import Sidebar from "@/views/Sidebar.vue";

export default defineComponent({
	components: {
		Sidebar,
	},
});
</script>

<style scoped>
* {
	margin: 0;
	padding: 0;
	user-select: none;
}


.layout {
	height: calc(100vh - 50px);
	width: 80vw;
	margin: 25px auto;
	box-sizing: border-box;
	border-radius: 1rem;
	background-color: rgba(255, 255, 255, .3);
	backdrop-filter: blur(10px);
}

.layout .el-container {
	height: 100%;
}
</style>